header{
	width:100%;
	.border-bottom(2px,solid, #ccc);
	.px2rem(height,101);
	background: #f4f4f4;
	position:relative;
	form{
	     width: 94%;
		.px2rem(height,60);
		border:1px solid #ccc;
		background: white;
		position: absolute;
		top:20px;
		left:22px;
		img{
			.padding-top(15);
			.padding-left(16);
			display: inline;
		}
		input{
			border:none;
			.font(24,#888888);
		}
		
	}
}
section{
	.aside{
		width: 100%;
		.box;
	   .left{
		width: 25%;
		background: #f4f4f4;
		li{
			.line-height(94);
			border-bottom:1px solid #ccc;
			.font(28,#565656);
			.padding-left(36);
		}
		li.active {
				background: white;
				color: #34ac3d;
				.border-left(6px,solid, #36ab66);
			}
	}
	.right{
	   flex:1;
	   .top{
	        .padding-left(60);
			.padding-top(50);
			.font(30,#9d9d9d);

	   }
	   .bottom{
	    	.box;
	    	align-items:flex-end;
	     	li{
	     		.padding-right(80);
	   		 img{
    		     .padding-bottom(70);
			      display: block;
	    		}
	    		a{
	    		text-align: center;
    		    .font(24,#000);
				.padding-top(17);
	    	}
	    }
	   }
	     
    }
	}
	}
	



footer{
	background:white;
	width: 100%;
	position: fixed;
	bottom:0;
	.border-top(2px,solid,#ccc);
	ul{	
		.px2rem(height,113);
			.txh;
		li{

			img{
				.px2rem(width,47);
				.px2rem(height,47);
				.padding-bottom(17);
				display: block;
				a{
					.font(20,#000);
					.padding-top(17);
					


				}


			}

		}
	}

}